<template>
	<view class="">
		<u-navbar title="退款/售后"  placeholder autoBack></u-navbar>
		
		<view class="mt-2 p-2 bg-white" v-for="(goodsItem,goodsIndex) in detail.goods_order" :key="goodsIndex">
			<orderItem :item="goodsItem" type="order" @click=""></orderItem>
			<view class="flex align-center justify-end mt-2">
				<view class="flex align-center justify-center after"  @click.stop="afterClick(goodsItem)">申请售后</view>	
			</view>
		</view>
		
		
		
		
	</view>
</template>

<script>
	import {
		mapMutations,
		mapState
	} from 'vuex';
	export default{
		data(){
			return{
				
			}
		},
		computed: {
			...mapState({
				detail: state => state.order.orderDetial
			})
		},
		onLoad() {
			
		},
		methods:{
			afterClick(item){
				console.log(item)
				uni.$u.route('pages/user/aftersale/apply',item)
			}
		}
	}
</script>

<style lang="scss">
	.after{
		width: 220rpx;
		height: 56rpx;
		border-radius: 37rpx 37rpx 37rpx 37rpx;
		opacity: 1;
		border: 2rpx solid #04BF79;
		font-size: 30rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #04BF79;
	}
</style>